<app-common-header [title]="'myAccount.add_bank_account.bank_account_page' | translate" [routerUrl]="'/tabs/myAccount'">

</app-common-header>

<ion-content>
  <div>
    <ion-list>
      <div (click)="toAccountDetail(item)" *ngFor="let item of bankAccounts">
        <ion-card>
          <ion-card-header>
            <ion-grid>
              <ion-row>
                <ion-col size="2">
                  <div style="width: 100%;height: 100%;border: #000 1px solid;">

                  </div>
                </ion-col>
                <ion-col size="10">
                  <ion-card-title>
                    <ion-text color="" class="card_title">
                      {{item.bankName}}
                    </ion-text>
                  </ion-card-title>
                  <ion-card-subtitle>
                      {{item.accountType == 0 ? 'Debit Card' : 'Credit Card'}}
                  </ion-card-subtitle>
                </ion-col>
              </ion-row>
            </ion-grid>
          </ion-card-header>
          <ion-card-content>
            <ion-grid class="ion-padding-top">
              <ion-row class="ion-padding-top">
                <ion-col>
                    **** {{item.bankAccount}}
                </ion-col>
              </ion-row>
            </ion-grid>
          </ion-card-content>
        </ion-card>
      </div>
      
      <!-- test end -->
    </ion-list>
 <!--    <ion-infinite-scroll threshold="100px" id="infinite-scroll">
      <ion-infinite-scroll-content loading-spinner="bubbles" loading-text="Loading more data...">
      </ion-infinite-scroll-content>
    </ion-infinite-scroll> -->
  </div>
</ion-content>